<template>
  <div class="box">
    <div>
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item><img :src="$route.query.img" alt="" /></van-swipe-item>
        <van-swipe-item><img :src="$route.query.img" alt="" /></van-swipe-item>
        <van-swipe-item><img :src="$route.query.img" alt="" /></van-swipe-item>
        <van-swipe-item><img :src="$route.query.img" alt="" /></van-swipe-item>
      </van-swipe>
    </div>
    <div class="center">
      <div class="bt">
        {{ $route.query.title }}
      </div>
      <div class="gj">
        <div>
          <p>售价</p>
          <b>{{ $route.query.price }}</b>
        </div>
        <div>
          <p>户型</p>
          <b
            >{{ $route.query.room }}室{{ $route.query.living_room }}厅{{
              $route.query.living_room
            }}位</b
          >
        </div>
        <div>
          <p>面积</p>
          <b>{{ $route.query.acreage }}</b>
        </div>
      </div>
      <div class="del">
        <li class="lis">单价:<span>11000元/m2</span>装修:<span></span></li>
        <li class="lis">楼层:<span> 低层/0层</span>朝向:<span>西</span></li>
        <li class="lis">类型:<span>住宅</span>年代:<span>2016</span></li>
        <li>更新: 2018-11-2</li>
        <li>小区: {{ $route.query.estate_name }}</li>
        <li>地址: {{ $route.query.address }}</li>
      </div>
      <div class="hods">
        <h2>房源介绍</h2>
        <div class="dianq">
          <dl>
            <dt>
              <svg
                t="1679468551910"
                class="icon"
                viewBox="0 0 1332 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1355"
                width="30"
                height="30"
              >
                <path
                  d="M407.556511 774.956201a35.225282 35.225282 0 0 1 14.090113-22.191928 35.225282 35.225282 0 0 0-35.225282-60.939738 105.675846 105.675846 0 0 0-46.497372 66.22353 161.331791 161.331791 0 0 0 33.464018 126.458762 35.225282 35.225282 0 0 1 8.101814 30.998248 84.188424 84.188424 0 0 1-35.225281 42.270338 35.225282 35.225282 0 0 0 15.146871 63.757761 39.452316 39.452316 0 0 0 17.260388-4.579287 153.934482 153.934482 0 0 0 70.450564-87.710952 108.141615 108.141615 0 0 0-18.6694-87.006446 101.096559 101.096559 0 0 1-22.896433-67.280288zM959.88893 774.956201a35.225282 35.225282 0 0 1 14.090113-22.191928 35.225282 35.225282 0 0 0-35.225282-60.939738 105.675846 105.675846 0 0 0-46.497372 66.22353 161.331791 161.331791 0 0 0 35.225282 126.458762 35.225282 35.225282 0 0 1 8.101815 30.998248 84.188424 84.188424 0 0 1-35.225282 42.270338 35.225282 35.225282 0 0 0-13.73786 48.258637 35.225282 35.225282 0 0 0 30.998248 17.964893 39.452316 39.452316 0 0 0 17.260388-4.579286 155.343493 155.343493 0 0 0 70.450564-87.710952 108.141615 108.141615 0 0 0-18.6694-87.006446 101.096559 101.096559 0 0 1-26.771214-69.746058zM683.722721 774.956201a35.225282 35.225282 0 0 1 14.090112-22.191928 35.225282 35.225282 0 0 0-35.225281-60.939738 105.675846 105.675846 0 0 0-46.497373 66.22353 161.331791 161.331791 0 0 0 35.225282 126.458762 35.225282 35.225282 0 0 1 8.101815 30.998248 84.188424 84.188424 0 0 1-35.225282 42.270338A35.225282 35.225282 0 0 0 637.577601 1021.533174a39.452316 39.452316 0 0 0 17.260389-4.579287 155.343493 155.343493 0 0 0 70.450563-87.710952 108.141615 108.141615 0 0 0-18.669399-87.006446 101.096559 101.096559 0 0 1-22.896433-67.280288z"
                  fill="#040000"
                  p-id="1356"
                ></path>
                <path
                  d="M1141.299132 239.179664m-52.837923 0a52.837923 52.837923 0 1 0 105.675846 0 52.837923 52.837923 0 1 0-105.675846 0Z"
                  fill="#040000"
                  p-id="1357"
                ></path>
                <path
                  d="M1224.78305 0H105.675846a105.675846 105.675846 0 0 0-105.675846 105.675846v428.69168a105.675846 105.675846 0 0 0 105.675846 105.675845h1119.107204a105.675846 105.675846 0 0 0 105.675845-105.675845V105.675846a105.675846 105.675846 0 0 0-105.675845-105.675846zM105.675846 70.450564h1119.107204a35.225282 35.225282 0 0 1 35.225282 35.225282v281.802254H70.450564V105.675846a35.225282 35.225282 0 0 1 35.225282-35.225282z m1119.107204 499.142243H105.675846a35.225282 35.225282 0 0 1-35.225282-35.225281V457.928664h1189.557768v77.847873a35.225282 35.225282 0 0 1-35.225282 33.81627z"
                  fill="#040000"
                  p-id="1358"
                ></path>
              </svg>
            </dt>
            <dd>空调</dd>
          </dl>
          <dl>
            <dt>
              <svg
                t="1679468850155"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1496"
                width="30"
                height="30"
              >
                <path
                  d="M71.68 102.4v819.2a81.92 81.92 0 0 0 81.92 81.92h716.8a81.92 81.92 0 0 0 81.92-81.92V102.4a81.92 81.92 0 0 0-81.92-81.92h-716.8a81.92 81.92 0 0 0-81.92 81.92z m55.05024 805.23264V116.36736a40.96 40.96 0 0 1 40.96-40.96h316.78464v873.18528H167.69024a40.96 40.96 0 0 1-40.96-40.96z m729.57952 40.96H539.5456V75.40736h316.78464a40.96 40.96 0 0 1 40.96 40.96v791.26528a40.96 40.96 0 0 1-40.96 40.96z m-525.9264-587.65312a33.05472 33.05472 0 0 0-49.5616 0l-91.91424 104.91904a32.3584 32.3584 0 0 0 0 40.09984 22.03648 22.03648 0 0 0 35.2256 0l55.05024-61.52192v202.69056c0 15.1552 12.30848 27.4432 27.52512 27.4432 15.19616 0 27.50464-12.288 27.50464-27.4432V444.416l55.05024 61.52192a23.1424 23.1424 0 0 0 35.2256 0 32.3584 32.3584 0 0 0 0-40.09984l-94.12608-104.91904z m363.25376 302.12096a33.05472 33.05472 0 0 0 49.54112 0l91.91424-104.91904a32.3584 32.3584 0 0 0 0-40.09984 22.03648 22.03648 0 0 0-35.2256 0l-55.05024 61.52192v-202.69056c0-15.1552-12.30848-27.4432-27.52512-27.4432-15.19616 0-27.50464 12.288-27.50464 27.4432V579.584l-55.05024-61.52192a23.1424 23.1424 0 0 0-35.2256 0 32.3584 32.3584 0 0 0 0 40.09984l94.12608 104.91904z"
                  fill="#111111"
                  p-id="1497"
                ></path>
              </svg>
            </dt>
            <dd>电梯</dd>
          </dl>
          <dl>
            <dt>
              <svg
                t="1679468880602"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1635"
                width="30"
                height="30"
              >
                <path
                  d="M256 64h512a85.333333 85.333333 0 0 1 85.333333 85.333333v725.333334a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333V149.333333a85.333333 85.333333 0 0 1 85.333333-85.333333z m0 42.666667a42.666667 42.666667 0 0 0-42.666667 42.666666v725.333334a42.666667 42.666667 0 0 0 42.666667 42.666666h512a42.666667 42.666667 0 0 0 42.666667-42.666666V149.333333a42.666667 42.666667 0 0 0-42.666667-42.666666H256z m-42.666667 362.666666h597.333334v42.666667H213.333333v-42.666667z m106.666667-213.333333a21.333333 21.333333 0 0 1 21.333333 21.333333v85.333334a21.333333 21.333333 0 0 1-42.666666 0v-85.333334a21.333333 21.333333 0 0 1 21.333333-21.333333z m0 341.333333a21.333333 21.333333 0 0 1 21.333333 21.333334v85.333333a21.333333 21.333333 0 0 1-42.666666 0v-85.333333a21.333333 21.333333 0 0 1 21.333333-21.333334z"
                  fill="#3D3D3D"
                  p-id="1636"
                ></path>
              </svg>
            </dt>
            <dd>冰箱</dd>
          </dl>
          <dl>
            <dt>
              <svg
                t="1679468905479"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1774"
                width="30"
                height="30"
              >
                <path
                  d="M832 32H192c-35.296 0-64 28.704-64 64v832c0 35.296 28.704 64 64 64h640c35.296 0 64-28.704 64-64V96c0-35.296-28.704-64-64-64zM192 96h640v134.656H192V96z m0 832V294.656h640L832.064 928H192z"
                  p-id="1775"
                ></path>
                <path
                  d="M512 352c-141.152 0-256 114.848-256 256s114.848 256 256 256 256-114.848 256-256-114.848-256-256-256z m0 448c-105.888 0-192-86.112-192-192s86.112-192 192-192 192 86.112 192 192-86.112 192-192 192z"
                  p-id="1776"
                ></path>
                <path
                  d="M451.776 466.432a149.152 149.152 0 0 0-48.704 32.576 149.216 149.216 0 0 0-32.608 48.736A32.032 32.032 0 0 0 400 592a31.936 31.936 0 0 0 29.568-19.744 86.08 86.08 0 0 1 46.688-46.688 32 32 0 1 0-24.48-59.136zM768 134.656h-128a32 32 0 1 0 0 64h128a32 32 0 1 0 0-64z"
                  p-id="1777"
                ></path>
              </svg>
            </dt>
            <dd>洗衣机</dd>
          </dl>
          <dl>
            <dt>
              <svg
                t="1679468927147"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1915"
                width="30"
                height="30"
              >
                <path
                  d="M514.6 357c-8.5-8.6-22.4-8.6-31 0L358.3 482.1c-49.2-64.5-44.4-157.4 14.4-216.3 31-31.1 72.3-48.2 116.1-48.2 36.5 0 71.2 11.9 99.7 33.7l-49.2 49.3c-8.5 8.6-8.5 22.4 0 31 8.6 8.6 22.4 8.5 31 0l65.7-65.8c8.5-8.6 8.5-22.4 0-31-39.3-39.4-91.5-61.1-147.1-61.1-54.2 0-105.3 20.7-144.3 58.3-2.2-2.5-5.1-4.6-8.5-5.9l-67-26c-26.9-10.4-56.1-7.1-80.3 9-25 16.7-40.5 45-41.3 75.8v620c0 12.1 9.8 21.9 21.9 21.9 12.1 0 21.9-9.8 21.9-21.9V286c0.4-16.8 8.4-31.5 21.8-40.4 12.2-8.1 26.8-9.8 40.3-4.6l63.1 24.5c-23.2 34.2-35.6 74.5-35.6 116.7 0 55.7 21.6 108 60.9 147.4 4.3 4.3 9.9 6.4 15.5 6.4s11.2-2.1 15.5-6.4L514.7 388c8.5-8.6 8.5-22.5-0.1-31z m-77.5 190c-8.4-8.7-22.3-8.9-31-0.5s-8.9 22.3-0.5 31l53 54.8c4.3 4.4 10 6.7 15.7 6.7 5.5 0 11-2 15.2-6.2 8.7-8.4 8.9-22.3 0.5-31L437.1 547z m125.1 130.8c-8.4-8.7-22.3-8.9-31-0.5s-8.9 22.3-0.5 31l53 54.8c4.3 4.4 10 6.7 15.7 6.7 5.5 0 11-2 15.2-6.2 8.7-8.4 8.9-22.3 0.5-31l-52.9-54.8z m0-112.8c-8.4-8.7-22.3-8.9-31-0.5s-8.9 22.3-0.5 31l53 54.8c4.3 4.4 10 6.7 15.7 6.7 5.5 0 11-2 15.2-6.2 8.7-8.4 8.9-22.3 0.5-31L562.2 565z m21.9-33.9c5.5 0 11-2 15.2-6.2 8.7-8.4 8.9-22.3 0.5-31l-53-54.8c-8.4-8.7-22.3-8.9-31-0.5s-8.9 22.3-0.5 31l53 54.8c4.3 4.5 10.1 6.7 15.8 6.7z m87.3 43.3c-8.4-8.7-22.3-8.9-31-0.5s-8.9 22.3-0.5 31l53 54.8c4.3 4.4 10 6.7 15.7 6.7 5.5 0 11-2 15.2-6.2 8.7-8.4 8.9-22.3 0.5-31l-52.9-54.8z m16.5-122.7c-8.4-8.7-22.3-8.9-31-0.5s-8.9 22.3-0.5 31l53 54.8c4.3 4.4 10 6.7 15.7 6.7 5.5 0 11-2 15.2-6.2 8.7-8.4 8.9-22.3 0.5-31l-52.9-54.8z m0-151.9c-8.4-8.7-22.3-8.9-31-0.5s-8.9 22.3-0.5 31l53 54.8c4.3 4.4 10 6.7 15.7 6.7 5.5 0 11-2 15.2-6.2 8.7-8.4 8.9-22.3 0.5-31l-52.9-54.8z m180.2 206.8l-53-54.8c-8.4-8.7-22.3-8.9-31-0.5s-8.9 22.3-0.5 31l53 54.8c4.3 4.4 10 6.7 15.7 6.7 5.5 0 11-2 15.2-6.2 8.8-8.4 9-22.3 0.6-31z"
                  fill="#333333"
                  p-id="1916"
                ></path>
              </svg>
            </dt>
            <dd>热水器</dd>
          </dl>
          <dl>
            <dt>
              <svg
                t="1679468954794"
                class="icon"
                viewBox="0 0 1033 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2050"
                width="30"
                height="30"
              >
                <path
                  d="M102.4 598.109091v242.036364c0 25.6 23.272727 46.545455 53.527273 46.545454h733.090909c30.254545 0 53.527273-20.945455 53.527273-46.545454V598.109091H102.4z m786.618182 328.145454H155.927273c-53.527273 0-100.072727-37.236364-100.072728-83.781818V558.545455h930.909091v281.6c0 46.545455-44.218182 86.109091-97.745454 86.10909z"
                  fill="#4A4A4A"
                  p-id="2051"
                ></path>
                <path
                  d="M304.872727 886.690909h437.527273V323.490909c0-102.4-97.745455-183.854545-216.436364-183.854545h-4.654545C400.290909 139.636364 302.545455 221.090909 302.545455 323.490909l2.327272 563.2z m481.745455 39.563636H258.327273V323.490909c0-123.345455 118.690909-223.418182 262.981818-223.418182h4.654545c144.290909 0 262.981818 100.072727 262.981819 223.418182v602.763636h-2.327273z"
                  fill="#4A4A4A"
                  p-id="2052"
                ></path>
                <path
                  d="M500.363636 577.163636h44.218182v332.8h-44.218182zM76.8 502.690909c-13.963636 0-25.6 9.309091-25.6 23.272727 0 11.636364 11.636364 23.272727 25.6 23.272728s25.6-9.309091 25.6-23.272728c2.327273-13.963636-11.636364-23.272727-25.6-23.272727z m0 79.127273C39.563636 581.818182 9.309091 556.218182 9.309091 523.636364S39.563636 465.454545 76.8 465.454545s67.490909 25.6 67.490909 58.181819S114.036364 581.818182 76.8 581.818182zM965.818182 502.690909c-13.963636 0-25.6 9.309091-25.6 23.272727 0 11.636364 11.636364 23.272727 25.6 23.272728s25.6-9.309091 25.6-23.272728c2.327273-13.963636-9.309091-23.272727-25.6-23.272727z m0 79.127273c-37.236364 0-67.490909-25.6-67.490909-58.181818s30.254545-58.181818 67.490909-58.181819c37.236364 0 67.490909 25.6 67.490909 58.181819S1003.054545 581.818182 965.818182 581.818182zM279.272727 300.218182h481.745455v34.909091H279.272727z"
                  fill="#4A4A4A"
                  p-id="2053"
                ></path>
                <path
                  d="M502.690909 118.690909h39.563636v200.145455h-39.563636z"
                  fill="#4A4A4A"
                  p-id="2054"
                ></path>
                <path
                  d="M372.363636 169.890909l165.236364 137.309091-27.927273 25.6-165.236363-139.636364z"
                  fill="#4A4A4A"
                  p-id="2055"
                ></path>
                <path
                  d="M677.236364 172.218182l27.927272 23.272727-169.890909 134.981818-27.927272-25.6z"
                  fill="#4A4A4A"
                  p-id="2056"
                ></path>
              </svg>
            </dt>
            <dd>阳台</dd>
          </dl>
          <dl>
            <dt>
              <svg
                t="1679469002413"
                class="icon"
                viewBox="0 0 1191 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2190"
                width="30"
                height="30"
              >
                <path
                  d="M962.244187 500.996785V234.828561c0-25.777047-20.999178-46.778617-46.776224-46.778617H270.919776c-25.781832 0-46.783402 21.00157-46.783402 46.778617v272.295476a205.436411 205.436411 0 0 0-31.815776 109.965159v260.84486h105.278206v-69.943028c0-26.949383 21.898766-48.757234 48.759626-48.757234h498.262131c26.949383 0 48.759626 21.896374 48.759626 48.757234v69.943028h104.735103V617.089196a205.029682 205.029682 0 0 0-35.871103-116.092411zM270.919776 217.88471h644.548187a16.92471 16.92471 0 0 1 16.94385 16.946243v231.553197c-21.451364-20.008673-47.228411-35.512224-75.713794-44.886131 10.72329-11.266393 17.396037-26.499589 17.396037-43.264 0-34.615028-28.12172-62.731963-62.731963-62.731963h-159.179364c-29.920897 0-54.980187 21.090093-61.198355 49.120897-6.220561-28.030804-31.27985-49.120897-61.200748-49.120897h-159.267888c-34.610243 0-62.734355 28.116935-62.734355 62.731963a62.588411 62.588411 0 0 0 19.558879 45.426841 205.10385 205.10385 0 0 0-73.371514 46.599177V234.828561c0.002393-9.373907 7.663252-16.94385 16.951028-16.943851z m99.595962 193.157982c-18.118579 0-32.897196-14.783402-32.897196-32.901982 0-18.113794 14.778617-32.897196 32.897196-32.897196h159.267888c18.118579 0 32.897196 14.783402 32.897196 32.897196 0 18.118579-14.778617 32.901981-32.897196 32.901982h-159.267888z m220.468636-19.288524c1.531215 6.938318 4.237159 13.426841 7.842691 19.288524h-15.687775a62.550131 62.550131 0 0 0 7.845084-19.288524z m28.303551-13.613458c0-18.113794 14.776224-32.897196 32.894804-32.897196h159.267888c18.118579 0 32.899589 14.783402 32.899589 32.897196 0 18.118579-14.781009 32.901981-32.899589 32.901982h-159.267888c-18.118579 0-32.894804-14.781009-32.894804-32.901982zM923.308262 848.101682v-40.113046c0-43.350131-35.241869-78.599178-78.60157-78.599178H346.451738c-43.357308 0-78.599178 35.246654-78.599177 78.599178v40.113046h-45.697197v-231.014878c0-35.241869 10.366804-68.055327 28.212636-95.543028h3.60314v-5.411888c31.906692-45.512972 84.728822-75.261607 144.395963-75.261608h393.706467c97.162766 0 176.211738 79.046579 176.211738 176.214131v26.317757H223.145869v29.837159h745.139439v174.859963h-44.977046z m0 0"
                  fill="#5C5C5C"
                  p-id="2191"
                ></path>
              </svg>
            </dt>
            <dd>床</dd>
          </dl>
          <dl>
            <dt>
              <svg
                t="1679469017548"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2325"
                width="30"
                height="30"
              >
                <path
                  d="M940.699 402.578c-26.647-18.421-58.948-25.315-90.955-19.417a123.288 123.288 0 0 0-23.272 6.696V205.6c0-58.034-47.864-105.247-106.697-105.247H304.136c-58.833 0-106.698 47.213-106.698 105.246V393.49a122.84 122.84 0 0 0-23.418-6.762c-31.981-5.901-64.257 1.03-90.875 19.505-55.072 38.224-69.04 114.454-31.137 169.929l120.038 175.694c0.619 0.905 0.464 0.81 0.983 1.386 0.342 0.534 1.027 1.653 1.964 3.446 0.25 0.48 0.514 0.95 0.794 1.41l33.416 55.215a25.826 25.826 0 0 0-0.106 2.28c0 0.075 0.005 0.149 0.005 0.224 0 0.074-0.005 0.148-0.005 0.223v82.008c0 14.138 11.46 25.6 25.598 25.6s25.598-11.462 25.598-25.6v-56.854h497.245v56.854c0 14.138 11.46 25.6 25.598 25.6s25.598-11.462 25.598-25.6V816.04c0-0.879-0.044-1.747-0.131-2.603l36.36-54.067a25.647 25.647 0 0 0 1.991-3.534c1.884-4.07 3.265-6.347 3.804-7.181 0.52-0.576 0.363-0.48 0.985-1.387L971.864 572.14c37.973-55.361 23.992-131.426-31.165-169.562z m-11.052 140.6L809.88 717.786c-1.723 2.314-4.78 6.913-8.48 14.618l-37.48 55.729c-0.41 0.61-0.782 1.232-1.132 1.86H254.933l-34.954-57.754c-2.579-4.855-4.675-7.983-6.032-9.809L94.277 547.276c-22.091-32.334-13.991-76.737 18.058-98.981 15.325-10.637 33.936-14.622 52.402-11.216 18.568 3.424 34.643 13.871 45.266 29.419l68.481 100.23c7.976 11.674 23.905 14.67 35.576 6.695 11.672-7.977 14.67-23.907 6.694-35.58l-68.481-100.231c-1.175-1.72-2.39-3.401-3.639-5.048V205.598c0-29.802 24.899-54.046 55.503-54.046h415.639c30.604 0 55.502 24.245 55.502 54.046v223.116a123.016 123.016 0 0 0-3.736 5.152L680.19 567.049H440.442c-14.137 0-25.598 11.462-25.598 25.6 0 14.14 11.46 25.6 25.598 25.6H693.67c8.439 0 16.335-4.16 21.109-11.118l98.978-144.302c10.618-15.48 26.695-25.89 45.268-29.316 18.524-3.417 37.19 0.555 52.56 11.182 32.02 22.138 40.124 66.318 18.06 98.483z"
                  p-id="2326"
                ></path>
              </svg>
            </dt>
            <dd>沙发</dd>
          </dl>
          <dl>
            <dt>
              <svg
                t="1679469032551"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2460"
                width="30"
                height="30"
              >
                <path
                  d="M380.06 758.64v33.88h-67.77v-33.88h67.77z m331.83 0v33.88h-67.77v-33.88h67.77zM576.35 385.92h33.88v101.65h-33.88V385.92z m-169.42 0h33.88v101.65h-33.88V385.92zM190.1 673.93h303.22V131.78H190.1v542.15z m677.69 16.95v237.19H833.9v-42.12H190.1v42.12h-33.88V97.9h711.57v592.98z m-33.89-16.95V131.78H527.2v542.15h306.7z m-340.58 33.89H190.1v144.24h303.22V707.82z m33.88 0v144.24h306.7V707.82H527.2z"
                  p-id="2461"
                ></path>
              </svg>
            </dt>
            <dd>衣柜</dd>
          </dl>
          <dl>
            <dt>
              <svg
                t="1679469055188"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2599"
                width="30"
                height="30"
              >
                <path
                  d="M925.2 767.3c-49-41.1-103.5-74.5-162.6-99.5-79.4-33.6-163.7-50.6-250.6-50.6s-171.2 17-250.6 50.6c-59.1 25-113.5 58.3-162.4 99.3-1.8 1.5-3 3.7-3 6.3 0 4.4 3.6 8 8 8 1.9 0 3.7-0.7 5.1-1.8 47.8-40.1 100.9-72.6 158.6-97 1.4-0.6 2.9-1.2 4.4-1.8v74.4c0 11 6.3 20 13.9 20h452.1c7.7 0 13.9-9 13.9-20v-74.4c1.5 0.6 2.9 1.2 4.4 1.8 57.6 24.4 110.7 56.9 158.4 96.9 1.4 1.2 3.2 1.9 5.2 1.9 4.4 0 8-3.6 8-8 0-2.5-1.1-4.7-2.8-6.1zM736 739.8c0 10.6-5.9 19.3-13.2 19.3H301.2c-7.2 0-13.2-8.7-13.2-19.3v-65.4c71.4-27.3 146.6-41.1 224-41.1s152.6 13.8 224 41.1v65.4z"
                  fill="#121C3F"
                  p-id="2600"
                ></path>
                <path
                  d="M163.1 687.3c1.5 0 2.9-0.4 4-1.1v0.1c31.7-20.9 65.2-38.8 100.5-53.7 77.4-32.7 159.6-49.3 244.4-49.3 84.8 0 167 16.6 244.4 49.3 35 14.8 68.2 32.6 99.7 53.2 1.4 1 3 1.7 4.9 1.7 4.4 0 8-3.6 8-8 0-2.8-1.4-5.2-3.5-6.6h0.1c-32.4-21.3-66.8-39.7-102.8-55-29.5-12.5-59.8-22.7-90.6-30.6V129.1c0-11-6.3-20-13.9-20H365.9c-7.7 0-13.9 9-13.9 20v458.1c-30.8 7.9-61 18.1-90.6 30.6-35.8 15.1-69.9 33.3-102 54.5-2.5 1.3-4.3 4-4.3 7.1 0 4.3 3.6 7.9 8 7.9z m204.9-543c0-10.6 5.9-19.3 13.2-19.3h261.7c7.2 0 13.2 8.7 13.2 19.3v439c-46.9-10.7-95-16.1-144-16.1s-97.1 5.4-144 16.1v-439zM512 814.9c-4.4 0-8 3.6-8 8v84c0 4.4 3.6 8 8 8s8-3.6 8-8v-84c0-4.4-3.6-8-8-8zM628 839.9c-4.4 0-8 3.6-8 8v34c0 4.4 3.6 8 8 8s8-3.6 8-8v-34c0-4.4-3.6-8-8-8zM396 839.9c-4.4 0-8 3.6-8 8v34c0 4.4 3.6 8 8 8s8-3.6 8-8v-34c0-4.4-3.6-8-8-8z"
                  fill="#121C3F"
                  p-id="2601"
                ></path>
                <path
                  d="M603 702.1m-13 0a13 13 0 1 0 26 0 13 13 0 1 0-26 0Z"
                  fill="#121C3F"
                  p-id="2602"
                ></path>
                <path
                  d="M547 702.1m-13 0a13 13 0 1 0 26 0 13 13 0 1 0-26 0Z"
                  fill="#121C3F"
                  p-id="2603"
                ></path>
                <path
                  d="M659 702.1m-13 0a13 13 0 1 0 26 0 13 13 0 1 0-26 0Z"
                  fill="#121C3F"
                  p-id="2604"
                ></path>
              </svg>
            </dt>
            <dd>抽油烟机</dd>
          </dl>
          <dl>
            <dt>
              <svg
                t="1679469149088"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2742"
                width="30"
                height="30"
              >
                <path
                  d="M595.2 128H320a192 192 0 0 0-192 192v576h384V352c0-90.496 32.448-171.2 83.2-224z m140.8-64C859.712 64 960 192.96 960 352S859.712 640 736 640H576v320H64V320a256 256 0 0 1 256-256h416zM576 352V576h160C820.352 576 896 478.72 896 352S820.352 128 736 128 576 225.28 576 352z"
                  fill="#303133"
                  p-id="2743"
                ></path>
                <path
                  d="M736 448c-35.328 0-64-43.008-64-96s28.672-96 64-96 64 43.008 64 96-28.672 96-64 96z"
                  fill="#303133"
                  p-id="2744"
                ></path>
              </svg>
            </dt>
            <dd>独立卫生间</dd>
          </dl>
        </div>
      </div>
      <div class="Mapsd">
        <h2>位置周边</h2>
        <div style="width: 100%; height: 200px; margin-top: 20px">
          <Map></Map>
        </div>
      </div>
      <div class="nearby">
        <h2>附近房源</h2>
        <div class="xinf" v-for="(item, index) in lilist" :key="index">
          <div class="xinimg">
            <img :src="item.img" alt="" />
          </div>
          <div class="right">
            <div class="p1">
              <span>{{ item.title }}</span>
            </div>
            <p class="p2">
              <span class="span2"
                >{{ item.room }}室{{ item.living_room }}厅{{
                  item.acreage
                }}</span
              >
              <span class="span3"
                ><b> {{ item.price }}</b></span
              >
            </p>
          </div>
        </div>
        <p style="text-align: center; color: #999" @click="ers">更多房源</p>
      </div>
      <div class="like">
        <h2>猜你喜欢</h2>
        <div class="xinf" v-for="(item, index) in lists" :key="index">
          <div class="xinimg">
            <img :src="item.img" alt="" />
          </div>
          <div class="right">
            <div class="p1">
              <span>{{ item.title }}</span>
            </div>
            <p class="p2">
              <span class="span2">{{ item.city }}</span>
              <span class="span3">
                <b>{{ item.price }}</b>
              </span>
            </p>
            <p class="p3">
              {{ item.room }}室{{ item.living_room }}厅{{ item.acreage }}
            </p>
            <p class="p3">{{ item.address }}</p>
          </div>
        </div>
      </div>
    </div>
    <van-goods-action>
      <van-goods-action-icon icon="like-o" text="关注" />
      <van-goods-action-icon icon="chat-o" text="咨询" color="#ee0a24" />
      <van-goods-action-button
        color="#00ac00"
        style="border-radius: 0%"
        text="地图导航"
      />
      <van-goods-action-button
        color="#f60"
        style="border-radius: 0%"
        text="预约看房"
      />
    </van-goods-action>
  </div>
</template>
<script>
import axios from "axios";
import Map from "../../components/map.vue";
export default {
  data() {
    return {
      obj: {},
      lilist: [],
      lists: [],
    };
  },
  mounted() {
    axios.get("http://api.shbwyz.com/api/second.html").then((res) => {
      let bb = res.data.data.find((item) => {
        return (item.id = this.obj);
      });
      this.obj = bb;
      this.data = res.data.data;
      console.log(this.obj, "6666666");
    });
    //附近房源数据
    axios.get("http://api.shbwyz.com/api/second.html").then((res) => {
      this.lilist = res.data.data.slice(4, 5);
    });
    //附近房源数据
    axios.get("http://api.shbwyz.com/api/second.html").then((res) => {
      this.lists = res.data.data.slice(2, 5);
    });
  },
  methods: {
    ers() {
      this.$router.push("/pages/TwoHome/TwoHome");
    },
  },
  components: {
    Map,
  },
};
</script>

<style>
.my-swipe {
  width: 100%;
  height: 13rem;
}
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  /* background-color: #39a9ed; */
}
.my-swipe img {
  width: 100%;
  height: 100%;
}
.box {
  width: 100%;
  background: rgb(108, 104, 104);
  margin-bottom: 3.5rem;
}
.center {
  background: #fff;
  margin-bottom: 0.629864rem;
  padding-left: 0.87888rem;
  padding-right: 0.937472rem;
}
.bt {
  font-size: 1.31832rem;
  line-height: 1.874944rem;
  color: #2c2c2d;
  font-weight: 400;
  padding: 0.7324rem 1.61128rem;
}
.gj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.gj div {
  width: 33.3%;
  padding-top: 0.87888rem;
  padding-bottom: 0.80564rem;
}
.gj div p {
  color: #999;
}
.gj div b {
  font-size: 1.186488rem;
  color: #00ac00;
}
.del {
  list-style: none;
  line-height: 1.75rem;
  padding-bottom: 0.7324rem;
  padding-top: 0.7324rem;
  background: #fff;
}
.lis {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.lis span {
  width: 8rem;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  color: #999;
}
.hods {
  /* padding: 1.31832rem 0.937472rem 1.259728rem; */
  /* margin-bottom: 0.629864rem;*/
  background: #fff;
  /* padding: 20px; */
  height: 200px;
  margin-top: 20px;
  list-style: none;
}
.dianq {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.dianq dl {
  float: left;
  color: #686868;
  font-size: 0.87888rem;
  width: 3.51552rem;
  text-align: center;
  margin-bottom: 0.7324rem;
  white-space: nowrap;
}
.xinf {
  width: 95%;
  height: 100px;
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.xinimg {
  width: 30%;
  height: 100px;
  margin-left: 5%;
}
.xinimg img {
  width: 100%;
  height: 90px;
}
.right {
  width: 65%;
  margin-left: 5%;
  height: 200px;
}
.span1 {
  background: rgb(61, 202, 32);
  padding: 3px;
  margin: 0px 5px;
  color: #fff;
}
.p1 {
  font-size: 12px;
}
.p2 {
  display: flex;
  justify-content: space-between;
}
.span2 {
  font-size: 12px;
  color: rgb(178, 176, 176);
}
.span3 {
  color: rgb(42, 183, 56);
}
.p3 {
  font-size: 12px;
  color: rgb(178, 176, 176);
}
.p4 {
  display: flex;
  flex-wrap: wrap;
}
.p4 span {
  font-size: 12px;
  padding: 2px;
  margin: 2px;
}
.Mapsd {
  width: 100%;
  height: 240px;
  margin-bottom: 40px;
}
</style>
